<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>寻ta千百度-共创美好社会</title>
		<link rel="stylesheet" href="/css/button.css">
		<link rel="stylesheet" href="/css/mystyle.css" />
		<link type="text/css" rel="stylesheet" href="/css/constant.css"/>
		<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
		<script>
			L2Dwidget.init({
				"model": {
					//jsonpath控制显示那个小萝莉模型，
					//(切换模型需要改动)
//				"https://unpkg.com/(live2d-widget-model-koharu)@1.0.5/assets/(koharu).model.json"
					jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
					"scale": 1
				},
				"display": {
					"position": "right", //看板娘的表现位置
					"width": 150,  //小萝莉的宽度
					"height": 300, //小萝莉的高度
					"hOffset": 0,
					"vOffset": -20
				},
				"mobile": {
					"show": true,
					"scale": 0.5
				},
				"react": {
					"opacityDefault": 0.7,
					"opacityOnHover": 0.2
				}
			});
		</script>
</head>
<body>
		<div id="head">
			<div id="head_in" style="width:960px; height:100%;margin: 0 auto;text-align: left">
				<span id="station">北京东路</span>
				<span style="float: right">
				<#if user??>
					用户：${user.username}【<a href="/logout">退出</a>】
					<a href="/myRelease">我的发布</a>
				<#else>
					<a href="/login">登录/注册</a>
				</#if>
				</span>
			</div>
		</div>
		<div id="constant">
			<img src="img/logoko.png" class="first_img" style="width: 260px; height: 210px;"/><img src="img/bg.png" style="height: 210px; width: 700px; text-align: right; margin-top: -2px;"/>
			<div id="navigation">
				<table cellpadding="0" cellspacing="0">
					<tr>
					<th><a href="/index">网站首页</a></th>
					<th><a href="/findMessage?type=0">寻物启事</a></th>
					<th><a href="/findMessage?type=1">寻宠启事</a></th>
					<th><a href="/findMessage?type=2">寻人启事</a></th>
					<th><a href="/findMessage?type=3">招领启事</a></th>
					<th><a href="/about">关于我们</a></th>
					</tr>
				</table>
			</div>
			<div id="search-box">
				<div>
					<form action="/search" method="get">
						<table cellpadding="0" cellspacing="0">
							<tr style="float: left;border: 1px gainsboro solid; background-color: white;">
								<td style="width: 26px;height: 26px;"><img src="/img/放大镜.png" style="width: 26px; height: 26px;"/></td>
								<td style="width: 400px;"><input name="key" type="text" style="height: 26px; width: 400px; border: none; display: inline-block;outline: none;" placeholder="物品搜索"/></td>
								<td style="width: 60px; border: 1px white solid;"><input type="submit" value="搜索" style="background-color: #4d8bbc; height: 26px; width: 60px; border: none;color: black;"></td>
							</tr>
							<tr style="float: right;line-height: 26px;">
								<td>热门搜索：  </td>
								<#list sortList as sort>
									<td><a href="/search?key=${sort}">${sort}</a> </td>
								</#list>
							</tr>
						</table>
					</form>
				</div>
			</div>
		</div>
		<div id="cut">
			<div id="shi">
				<div class="wrapper1">
					<div role="button" class="retro-btn danger">
						<a class="btn" href="/releaseInformation?key=ta">
	      <span class="btn-inner">
	        <span class="content-wrapper">
	          <span class="btn-content">
	            <span class="btn-content-inner" label="我要寻TA">
	            </span>
	          </span>
	        </span>
	      </span>
						</a>
					</div>
				</div>
				<div class="wrapper">
					<div role="button" class="retro-btn danger">
						<a class="btn" href="/releaseInformation?key=lostor">
	      <span class="btn-inner">
	        <span class="content-wrapper">
	          <span class="btn-content">
	            <span class="btn-content-inner" label="我要招领">
	            </span>
	          </span>
	        </span>
	      </span>
						</a>
					</div>
				</div>
				<div class="wrapper">
					<div role="button" class="retro-btn danger">
						<a class="btn" href="/thank">
	      <span class="btn-inner">
	        <span class="content-wrapper">
	          <span class="btn-content">
	            <span class="btn-content-inner" label="我要报喜">
	            </span>
	          </span>
	        </span>
	      </span>
						</a>
					</div>
				</div>
			</div>

			<#--<div id="wall_tab">

            </div>-->
			<div id="ifocus" style="margin-right:0">
				<div id="ifocus_pic">
					<div id="ifocus_piclist" style="left:0; top:0;">
						<ul>
							<#list walls as wall>
								<li><a href="/detail?id=${wall.findMsgId}"><img src="${wall.url}" alt="" /></a></li>
							</#list>

						</ul>
					</div>
					<div id="ifocus_opdiv"></div>
					<div id="ifocus_tx">
						<ul>
							<#list walls as wall>
								<#if wall_index==0>
									<li class="current">${wall.title}</li>
								<#else>
									<li class="normal">${wall.title}</li>
								</#if>
							</#list>
							<#--<li class="current">${wall.title}</li>
                            <li class="normal">灵通山钟灵毓秀，悬崖峭壁，雄奇险幽</li>
                            <li class="normal">云来山更佳，云去山如画，山因云晦明，云共山高下</li>
                            <li class="normal">纯白的雪，白了整个世界</li>-->
						</ul>
					</div>
				</div>
				<div id="ifocus_btn">
					<ul>
						<#list walls as wall>
							<#if wall_index==0>
								<li class="current"><img src="${wall.url}" alt="" /></li>
							<#else>
								<li class="normal"><img src="${wall.url}" alt="" /></li>
							</#if>
						</#list>
						<#--<li class="current"><img src="img/011.jpg" alt="" /></li>
                        <li class="normal"><img src="img/012.jpg" alt="" /></li>
                        <li class="normal"><img src="img/013.jpg" alt="" /></li>
                        <li class="normal"><img src="img/冬景.jpg" alt="" /></li>-->
					</ul>
				</div>
			</div><!--ifocus end--><!--特效结束-->
		</div><!--cut样式结束-->
		<div id="main">
			<!--左边内容：网站公告、感谢信、报喜墙（成功案例） -->
			<div id="thank">
				<div class="div_title">
					<img src="img/未标题-1.png"/>
					<span class="div_title_text">网站公告</span>
				</div>
				<div id="notice">
					<marquee direction="up" scrolldelay="1" scrollamount="1" onmouseout="if(document.all!=null){this.start()}" onmouseover="if(document.all!=null){this.stop()}" height="140px;"><#--height:220px;-->
						<ul id="notice_list">
							<#list notices as notice>
								<#if notice_index==0>
									<li style="color: red;font-weight: bold;" class="sp">${notice.content}</li>
								<#else>
									<li>${notice.content}</li>
								</#if>
							</#list>
						</ul>
					</marquee>
				</div>


				<div class="div_title">
					<img src="img/未标题-1.png"/>
					<span class="div_title_text">招领报喜</span>
					<span style="float: right;"><a href="/thank" target="_blank">我要报喜</a>&nbsp;&nbsp;</span>
				</div>
				<div id="thank_msg">
					<ul id="thank_list">
						<#list thanks as thank>
							<li><a href="/thankDetail?id=${thank.id}">${thank.title}</a></li>
						</#list>
					</ul>
				</div>

			</div>
			<!--寻物启事列表-->
			<div id="search">
				<div class="title">
					<img src="img/未标题-1.png" style="float:left" /><h2>寻物启事</h2>
					<a style="display: block;text-align: right" href="/findMessage?type=0">更多>></a>
				</div>
				<hr />
				<div id="tb_search">
					<#--<table class="list" cellpadding="0" cellspacing="0" border="1px solid">-->
					<table class="list" cellpadding="0" cellspacing="0">
						<#list goods.list as good>
							<#if good_index%2==0>
								<tr style="background-color: #e6e2c3;">
									<td><a href="/detail?id=${(good.id)!'1'}" target="_blank">${good.title}</a></td>
									<td>${(good.createTime?string("yyyy-MM-dd"))!.now?date}</td>
								</tr>
							<#else>
								<tr>
									<td><a href="/detail?id=${(good.id)!'1'}" target="_blank">${good.title}</a></td>
									<td>${(good.createTime?string("yyyy-MM-dd"))!.now?date}</td>
								</tr>
							</#if>
						</#list>
					</table>
				</div>
			</div>
			<!--招领启示列表-->
			<div id="get">
				<div class="title">
					<img src="/img/未标题-1.png" style="float:left" /><h2>招领启事</h2>
					<a style="display: block;text-align: right" href="/findMessage?type=3">更多>></a>
				</div>
				<hr />
				<div id="tb_get">
					<#--<table class="list" cellpadding="0" cellspacing="0" border="1px solid">-->
					<table class="list" cellpadding="0" cellspacing="0">
						<#list lostors.list as lostor>
							<#if lostor_index%2==0>
								<tr style="background-color: #e6e2c3;">
									<td><a href="/detail?id=${(lostor.id)!'1'}">${lostor.title}</a></td>
									<td>${(lostor.createTime?string("yyyy-MM-dd"))!.now?date}</td>
								</tr>
							<#else>
								<tr>
									<td><a href="/detail?id=${(lostor.id)!'1'}">${lostor.title}</a></td>
									<td>${(lostor.createTime?string("yyyy-MM-dd"))!.now?date}</td>
								</tr>
							</#if>
						</#list>
					</table>
				</div>
			</div>

			<!--<hr color="#CCCCCC" width="650px"  align="left" size="2px" style="margin-left:15px" />-->
		</div>
<div id="footer">
  <h1 style="color:#4d8bbc; margin-bottom:10px">Convenient&nbsp;<span style="color:#999">Yourself</span></h1>
  <p style="color:#999">每一个失物的背后，都是一颗急切的心！</p><br>
	  <p style="color:#999">创建美好社会，文明你我他！</p>
  <br />
  <p style="color:#999" class="footer3">Copyright &copy;2020&nbsp;&nbsp;邮政编码：334700</p><br />
</div>
<script src="/js/button.js"></script>
<script src="/js/mouse.js"></script>
<script type="text/javascript" src="/js/ppt.js" ></script>

</body>
</html>
